﻿<!DOCTYPE html>
<html lang="en" theme="adminlte" page="default_home">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>@Model.DefaultTitle</title>
    <meta name="apple-mobile-web-app-title" content="@Model.DefaultTitle" />
    <meta name="keywords" content="@Model.DefaultMetaKeywords" />
    <meta name="description" content="@Model.DefaultMetaDescription" />
    <!-- Google Font: Source Sans Pro -->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="~/Themes/adminlte/Content/plugins/fontawesome-free/css/all.min.css">
    <!-- Ionicons -->
    <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
    <!-- Tempusdominus Bootstrap 4 -->
    <link rel="stylesheet" href="~/Themes/adminlte/Content/plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css">
    <link href="~/Content/css/framework-font.css?v=@System.DateTime.Now.ToJsTimestamp()" rel="stylesheet" />

    <!-- overlayScrollbars -->
    <link rel="stylesheet" href="~/Themes/adminlte/Content/plugins/overlayScrollbars/css/OverlayScrollbars.min.css">
    <!-- Theme style -->
    <link rel="stylesheet" href="~/Themes/adminlte/Content/css/adminlte.min.css">

    <link href="~/Themes/adminlte/Content/css/themes.css?v=@System.DateTime.Now.ToJsTimestamp()" rel="stylesheet" />

    <style>
        .nav-sidebar > .nav-item {
            margin-bottom: 0;
            width: 235px;
        }

        [class*=sidebar-dark-] .nav-sidebar > .nav-item > .nav-treeview {
            background-color: currentcolor;
        }
    </style>
</head>
<body class="theme-whbl control-sidebar-slide-open layout-footer-fixed">
    <div class="wrapper">
        <!-- Preloader -->
        <div class="preloader flex-column justify-content-center align-items-center">
            <img class="animation__shake" src="~/Themes/adminlte/Content/img/AdminLTELogo.png" alt="AdminLTELogo" height="60" width="60">
        </div>
        <!-- Navbar -->
        <nav class="main-header navbar navbar-expand navbar-white navbar-light">
            <!-- Left navbar links -->
            <ul class="navbar-nav">
                <li class="nav-item">
                    <a class="nav-link" data-widget="pushmenu" href="#" role="button">
                        <i class="fa fa-bars" aria-hidden="true"></i>
                    </a>
                </li>
                <li class="nav-item d-none d-sm-inline-block">
                    <a href="MyDesktop" class="nav-link" id="nav_cur_menu_name">首页</a>
                </li>
            </ul>

            <!-- Right navbar links -->
            <ul class="navbar-nav ml-auto">
                <li class="nav-item dropdown">
                    <a class="nav-link" data-toggle="dropdown" href="#">
                        <i class="far fa-bell"></i>
                        <span class="badge badge-warning navbar-badge">15</span>
                    </a>
                    <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
                        <span class="dropdown-item dropdown-header">15 Notifications</span>
                        <div class="dropdown-divider"></div>
                        <a href="#" class="dropdown-item">
                            <i class="fas fa-envelope mr-2"></i> 4 new messages
                            <span class="float-right text-muted text-sm">3 mins</span>
                        </a>
                        <div class="dropdown-divider"></div>
                        <a href="#" class="dropdown-item">
                            <i class="fas fa-users mr-2"></i> 8 friend requests
                            <span class="float-right text-muted text-sm">12 hours</span>
                        </a>
                        <div class="dropdown-divider"></div>
                        <a href="#" class="dropdown-item">
                            <i class="fas fa-file mr-2"></i> 3 new reports
                            <span class="float-right text-muted text-sm">2 days</span>
                        </a>
                        <div class="dropdown-divider"></div>
                        <a href="#" class="dropdown-item dropdown-footer">See All Notifications</a>
                    </div>
                </li>
                <li class="nav-item">
                    <a class="nav-link" data-widget="fullscreen" href="#" role="button">
                        <i class="fa fa-arrows"></i>
                    </a>
                </li>
                <!-- User Account: style can be found in dropdown.less -->
                <li class="nav-item dropdown user user-menu">
                    <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">
                        <img src="@ViewBag.headImg" class="user-image">
                        <span class="hidden-xs">@ViewBag.UserName</span>
                    </a>
                    <ul class="dropdown-menu">
                        <!-- User image -->
                        <li class="user-header">
                            <img src="@ViewBag.headImg" class="img-circle">
                            <p>
                                @ViewBag.UserName- @ViewBag.roleGroup
                            </p>
                        </li>
                        <!-- Menu Body -->
                        <li class="user-body">

                        </li>
                        <!-- Menu Footer-->
                        <li class="user-footer">
                            <div class="fa-pull-left">
                                <a onclick="roleSwitch();" id="changeRole" class="btn btn-default">切换角色</a>
                            </div>
                            <div class="fa-pull-right">
                                <a href="/Login?sinOut=true" class="btn btn-default">退出</a>
                            </div>
                        </li>
                    </ul>
                </li>

            </ul>
        </nav>
        <!-- /.navbar -->
        <!-- Main Sidebar Container -->
        <aside class="main-sidebar sidebar-dark-primary elevation-4">
            <!-- Brand Logo -->
            <a href="MyDesktop" target="menuItem" class="brand-link">
                <img src="~/Themes/adminlte/Content/img/AdminLTELogo.png" alt="AdminLTE Logo" class="brand-image img-circle elevation-3" style="opacity: .8">
                <span class="brand-text font-weight-light">教科研协同管理平台</span>
            </a>

            <!-- Sidebar -->
            <div class="sidebar">
                <!-- Sidebar Menu -->
                <nav class="mt-2" id="sidebar-nav">
                    <ul class="nav nav-pills nav-sidebar treeview-menu" role="menu">
                    </ul>
                </nav>
                <!-- /.sidebar-menu -->
            </div>
            <!-- /.sidebar -->
        </aside>

        <!-- Content Wrapper. Contains page content -->
        <div class="content-wrapper">
            <!-- Main content -->
            <section class="content">
                <div style="margin-top:5px;">
                    <iframe id="menuItem" name="menuItem" class="menuItem" src="@ViewBag.Desktop" frameborder="0" style="width:100%; flex:1;min-height: 720px;"></iframe>
                </div>
            </section>
        </div>
        <!-- /.content-wrapper -->
        <footer class="main-footer">
            <strong>Copyright &copy; 2020-@System.DateTime.Now.Year <a style="font-size:12px;">@ViewBag.Title</a>.</strong>
            All rights reserved.
            <div class="float-right d-none d-sm-inline-block">
                <b>Version</b> 3.2.0
            </div>
        </footer>

        <!-- Control Sidebar -->
        <aside class="control-sidebar control-sidebar-dark">
            <!-- Control sidebar content goes here -->
        </aside>
        <!-- /.control-sidebar -->
    </div>
    <!-- ./wrapper -->
    <!-- jQuery -->
    <script src="~/Content/js/jquery/jquery-2.1.1.min.js"></script>
    <script src="~/Content/js/jquery-ui/jquery-ui.min.js"></script>

    <script src="~/Content/js/layer/layer.js"></script>
    <script src="~/Content/js/vue.js"></script>

    <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
    <script>
        $.widget.bridge('uibutton', $.ui.button)
        $(function () {
            $("#menuItem").height(window.innerHeight - 90);
        });


    </script>
    <!-- Bootstrap 4 -->
    <script src="~/Themes/adminlte/Content/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
    <!-- overlayScrollbars -->
    <script src="~/Themes/adminlte/Content/plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script>
    <!-- AdminLTE App -->
    <script src="~/Themes/adminlte/Content/js/adminlte.js"></script>
    <script src="~/Themes/adminlte/Content/js/demo.js"></script>
    <script src="~/Content/js/dialog/dialog.js"></script>
    <script src="~/Content/js/cookie/jquery.cookie.js"></script>

    <script src="~/Content/js/framework-ui.js"></script>
    <script src="@Url.Scrpit("/Content/js/framework-clientdata.js")"></script>
    <script src="~/Content/js/luomingui.js"></script>
    <script src="~/Themes/adminlte/Content/userJS/index.js?v=@System.DateTime.Now.ToJsTimestamp()"></script>
    <script src="@Url.Scrpit("/Content/js/agile/AdminDefault/indextab.js")"></script>

</body>
</html>
